<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>深拷贝、浅拷贝</title>
</head>

<body>


    <script>
        // const o1 = {
        //     a: 1
        // };
        // const o2 = {
        //     b: 2
        // };
        // const o3 = {
        //     c: 3
        // };

        // const obj = Object.assign(o1, o2, o3);
        // console.log(obj);  //{ a: 1, b: 2, c: 3}

        // //浅拷贝
        // var obj = {
        //     a: 1,
        //     b: 2
        // }

        var obj = {
            a: 1,
            b: 2,
            c: {
                e: 10,
                f: {
                    h: 20
                }
            }
        }

        var obj1 = Object.assign(obj);

        obj1.a = 3;
        console.log('obj1:', obj1);
        console.log('obj:', obj);

        // //深拷贝
        // var obj = {
        //     a: 1,
        //     b: 2,
        //     c: {
        //         e: 10,
        //         f: {
        //             h: 20
        //         }
        //     }
        // }

        // function deepClone2(obj) {
        //     var _obj = JSON.stringify(obj),
        //         objClone = JSON.parse(_obj);
        //     return objClone;
        // }

        // var obj1 = deepClone2(obj);
        // console.log('obj1:', obj1);
        // obj1.a = 3;
        // console.log('obj1:', obj1);
        // console.log('obj1:', obj);
    </script>
</body>

</html>